<template>
	<view>
		<view style="line-height: 90rpx; background-color: aqua; text-align: center;">请求详情页面</view>
		<view class="detail">
			<view>{{title}}</view>
			<view>{{content}}</view>
			<view>{{author}}</view>
			<view>{{time}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				id:'',
				title:'',
				content:'',
				author:'',
				time:''
			};
		},
		methods:{
			getDetail(id){
				uni.showLoading({
					mask:true,
					title:"数据加载中。。。"
				});
				uni.request({
					url:"http://localhost:9000/test_detail?id="+id,
					success:res=>{
						if(res.statusCode==200){
							let detail = res.data;
							this.title= detail.title;
							this.content=detail.content;
							this.author=detail.author;
							this.time= detail.time;
						}else{
							uni.showToast({
								title: res.data.message,//标题
								mask:true,//魔窗设置
								duration:1500,//提示时间，默认毫秒
								icon:"error" //图标设置，一般使用success（限制7个字）、error（限制7个字）、none(不带任何图标)
								
							});
						}
					},
					fail:err=>{
						uni.showToast({
							title: err.message,//标题
							mask:true,//魔窗设置
							duration:1500,//提示时间，默认毫秒
							icon:"error" //图标设置，一般使用success（限制7个字）、error（限制7个字）、none(不带任何图标)
							
						});
					},
					complete:()=>{
						uni.hideLoading();
					}
				})
			}
		},
		onLoad(e) {
			this.id = e.id;
			this.getDetail(this.id);
		}
		
	}
</script>

<style lang="scss">

</style>
